﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<style type="text/css">
			body {
				background-color: black;
			}

			canvas {
				background-color: whitesmoke;
			}
		</style>
	</head>
	<body>
		<canvas width="500" height="550"></canvas>
	</body>
</html>

<script type="text/javascript" src="bingling/js/board.js"></script>
<script type="text/javascript" src="bingling/js/chess.js"></script>

<script type="text/javascript">
	let chess = new Chess();

	chess.pieces = [{
		x: 0,
		y: 0,
		color: "Firebrick",
		name: "俥"
	}, {
		x: 0,
		y: 1,
		color: "Firebrick",
		name: "馬"
	}];

	chess.selects = [{
		x: 1,
		y: 2
	}, {
		x: 2,
		y: 3
	}];

	chess.mays = [{
		x: 0,
		y: 0
	}, {
		x: 0,
		y: 1
	}];

	chess.show();
</script>
